
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta charset="utf-8" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">
    <!-- <meta name="viewport" content="initial-scale=1.0, user-scalable=no">  -->
    <title>首页 – 加拿大牛津高中</title> 
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="Public/Home/css/swiper.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="Public/Home/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="Public/Home/css/style.css?v=2025-03-05_546589">
    <script src="Public/Home/js/jquery-1.11.1.min.js"></script>
    <script src="Public/Home/js/wow.min.js"></script>
    <script src="Public/Home/js/swiper.min.js"></script>
    <script src="Public/Home/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="Public/Home/js/basic.js"></script>
	<link rel="stylesheet" href="Public/Home/css/jquery.fullPage2.6.css">
    <script src="Public/Home/js/jquery.fullPage.js"></script>
    <script src="Public/Home/js/jquery.slimscroll.min.js"></script>
    <script src="Public/Home/js/canvasbg.js"></script>
	<!-- 数字滚动 -->
    <script src="Public/Home/js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="Public/Home/js/jquery.countup.min.js"></script>
    <style type="text/css">
        .mask {
            cursor:pointer;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
            transition: all .3s;
        }
        .icon {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -36px;
            margin-left: -36px;
            transition: all .3s
        }
    </style>

</head>
<body>
    <div class="header">
        <div class="h-box">
            <div class="logo">
                <a href="/"><img src="Uploads/logo.png" title="logo" alt="logo"></a>
            </div>
            <div class="close"></div>
            <div class="menu">
                <ul>
                    <li class="on">
                        <a href="/" class="menu-link">首页</a>
                    </li>
                    <li>
                        <a href="about.html" class="menu-link">关于我们</a>
                    </li>
                    <li>
                        <a href="programsc.html" class="menu-link">课程项目</a>
                        <div class="c-menu">
                            <a href="ossd.html" class="c-menu-link">OSSD 项目</a>
                            <a href="elite.html" class="c-menu-link">精英项目</a>
                            <a href="artsc.html" class="c-menu-link">艺术类项目</a>
                            <a href="ieltsc.html" class="c-menu-link">语言项目</a>
                            <a href="exchangec.html" class="c-menu-link">高中交换项目</a>
                        </div>
                    </li>
                    <li>
                        <a href="admissionsc.html" class="menu-link">入学申请</a>
                    </li>
                    <li>
                        <a href="services.html" class="menu-link">学生服务</a>
                    </li>
                    <li>
                        <a href="#" class="menu-link">语言中心</a>
                        <div class="c-menu">
                            <a href="ieltsc.html" class="c-menu-link">雅思备考项目</a>
                            <a href="eslc.html" class="c-menu-link">ESL 语言项目</a>
                        </div>
                    </li>
                    <li>
                        <a href="studentlifec.html" class="menu-link">学生生活</a>
                    </li>
                    <li>
                        <a href="contact.html" class="menu-link">联系我们</a>
                    </li>
                    <li>
                        <a href="https://www.internationalyouthprogram.com/" class="menu-link">营地项目</a>
                    </li>
                </ul>
                <div class="head-lang">
                    <span>语言选择</span>
                    <div class="drop-down">
                        <a class="item" href="https://www.urovo.com/" target="_blank">China - 简体中文</a>
                        <a class="item" href="https://en.urovo.com/" target="_blank">Global - English</a>
                        <a class="item" href="https://urovo.pl/" target="_blank">Vietnam - Việt Nam</a>
                        <a class="item" href="https://es.urovo.com/" target="_blank">Spanish - español</a>				
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="header-search" style="padding-right: 17px;">
        <div class="h-box">
            <div class="logo"><a href="index.html"><img src="Uploads/logo.png" title="logo" alt="logo"></a></div>
            <div class="close"></div>
            <div class="language">
                <a href="javascript:;">中</a>
                &nbsp;<a href="javascript:;">/</a>&nbsp;
                <a href="/en/index.html">En</a>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            if ($('body').width() <= 990) {
                $('.header .h-box .close').on('click',function(){
                    if($(this).hasClass('on')){
                        $(this).removeClass('on');
                        $('.header .h-box .menu').hide();
                    } else{
                        $(this).addClass('on');
                        $('.header .h-box .menu').show();
                    }
                })
                $('.menu-link').on('click',function(){
                    if($(this).next().is(':hidden')){
                        $(this).next().slideDown();
                    }else{
                        $(this).next().slideUp();
                    }
                })
            };
        });
    </script>
    <div id="dowebok">
        <div id="menu" class="index-menu">
            <ul>
                <li data-menuanchor="page1" class="active">
                    <a href="#page1"></a>
                </li>
                <li data-menuanchor="page2">
                    <a href="#page2"></a>
                </li>
                <li data-menuanchor="page4">
                    <a href="#page4"></a>
                </li>
                <li data-menuanchor="page5">
                    <a href="#page5"></a>
                </li>
                <li data-menuanchor="page7">
                    <a href="#page7"></a>
                </li>
            </ul>
            <div class="index-left-div">
                <div>
                    <a href="#">
                        <img src="Public/Home/images/icon99-1.png" title="意见反馈" alt="意见反馈">
                        <p>意见反馈</p>
                    </a>
                </div>
                <br>
                <div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=352251296&site=qq&menu=yes">
                        <img src="Public/Home/images/icon99-2.png" title="在线交流" alt="在线交流">
                    </a>
                    <p>在线交流</p>
                </div>
            </div>
        </div>
        <section class="section page1">
            <div class="section-page1">
                <div class="banner">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="box" style="background:url('Public/Home/images/banner.jpg') center center no-repeat; background-size: cover;">
                                    <video class="index_video" src="Public/Home/images/banner.mp4" autoplay="true" loop="true" poster="" muted="">
                                        <source src="Public/Home/images/banner.mp4" type="video/mp4">
                                    </video>
                                    <div class="mimg"><img src="Uploads/banner/wap1.jpg"></div>
                                    <div class="tbox">
                                        <!-- <div class="t1">加拿大牛津高中</div> -->
                                        <!-- <div class="t2">学习是我们一生中不断成长的方式</div> -->
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box" id="canvas-wrap" style="background:url('Uploads/banner/banner2.jpg') center center no-repeat; background-size: cover;">
                                    <canvas id="can1"></canvas>                                    
                                    <div class="mimg"><img src="Uploads/banner/wap2.jpg"></div>
                                    <div class="nimg">
                                        <img src="Uploads/banner/banner2-1.png">
                                    </div>
                                    <div class="tbox">
                                        <div class="t1">加拿大牛津国际学院</div>
                                        <div class="t2">致力于成为海外高中教育的典范</div>
                                        <div class="t3">
                                            <a href="#">了解更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box" id="canvas-wrap" style="background:url('Uploads/banner/banner3.png') center center no-repeat; background-size: cover;">
                                    <div class="mimg"><img src="Uploads/banner/wap3.jpg"></div>
                                    <div class="tbox">
                                        <div class="t1">加拿大牛津高中</div>
                                        <div class="t2">以学生的全面发展为核心使命</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="box" id="canvas-wrap" style="background:url('Uploads/banner/banner4.jpg') center center no-repeat;background-size: cover;">
                                    <div class="mimg"><img src="Uploads/banner/wap4.jpg"></div>
                                    <div class="nimg2">
                                        <img src="Uploads/banner/banner4-1.png">
                                        <div class="dian1"><img src="Uploads/banner/banner4-2.png"></div>
                                        <div class="dian2"><img src="Uploads/banner/banner4-2.png"></div>
                                        <div class="dian3"><img src="Uploads/banner/banner4-2.png"></div>
                                    </div>                                    
                                    <div class="tbox">
                                        <div class="t1">通过个性化辅导和丰富的学习体验</div>
                                        <div class="t2">引导学生成为适应全球化的未来栋梁</div>
                                        <div class="t3"><a href="#">了解我们</a></div>
                                    </div>
                                </div>
                            </div>
                            
                            <script>
                                window.onload=function(){
                                    var swiper = new Swiper('.banner .swiper-container', {

                                        pagination: '.banner .swiper-pagination',
                                        paginationClickable: true,
                                        autoplay:10000,
                                        speed:1000,
                                    });
                                }

                                $(function(){
                                    // 画布
                                    var config = {
                                            vx: 4,//点x轴速度,正为右，负为左
                                            vy:  4,//点y轴速度
                                            height: 2,//点高宽，其实为正方形，所以不宜太大
                                            width: 2,
                                            count: 100,//点个数
                                            color: "170, 170, 170",//点颜色
                                            stroke: "127,127,127",//线条颜色
                                            dist: 6000,//点吸附距离
                                            e_dist: 20000,//鼠标吸附加速距离
                                            max_conn: 10//点到点最大连接数
                                        }
                                    CanvasParticle(config);     //调用
                                })
                            </script>
                        </div>
                        <div class="swiper-pagination"></div>
                        <div class="next">
                            <div class="tbox">
                                <img src="Public/Home/images/icon58.png">
                                <div class="t1">SCROLL</div>
                                <div class="t2">向下滑动</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section page2">
            <div class="section-page2" style="background: url('Uploads/index/aboutbg.jpg') center center no-repeat;">
                <div class="title">
                    <div class="t1">课程项目</div>
                    <div class="t2">COURSE PROJECT</div>
                </div>
                <div class="box">
                    <div class="t1">我们做什么</div>
                    <div class="t2">WHAT WE <span>DO</span></div>
                    <div class="t3">我们是一所位于多伦多的精英私立国际高中，为想要进入北美大学，和全球院校的学生做准备。我校由安大略省教育部认证（加拿大牛津学院注册号：667315）...</div>
                    <a href="#" class="more">查看详情 →</a>
                    <a href="#" class="p1">OSSD项目</a>
                    <a href="#" class="p2">精英项目</a>
                    <a href="#" class="p3">艺术项目</a>
                    <a href="#" class="p4">高中交换项目</a>
                </div>

            </div>
        </section>

        <section class="section page4" style="background: url('Uploads/index/xiaozhangbg.jpg') center center no-repeat;">
            <div class="section-page4">
                <div class="title">
                    <div class="t1">校长寄语</div>
                    <div class="t2">Headmaster's message</div>
                </div>
                <div class="page4-box">
                    <div class="box1">
                        <ul>
                            <li class="on">
                                <a href="#">
                                    <div class="img">
                                        <video class="jy_video" src="" autoplay="false" loop="true" poster="Public/Home/images/poster.png" muted="">
                                            <source src="Public/Home/images/banner.mp4" type="video/mp4">
                                        </video>
                                    </div>
                                    <div class="tbox">
                                        <div class="t1">尊敬的各位家长，同学们：</div>
                                        <div class="t2">欢迎你们来到加拿大牛津国际学院。我相信你们一定会发现我校是一所充满温馨与人文关怀的学校，我们学院的首要任务就是帮助每一位学生树立并达到各自的成功目标，我校的学生来自不同的文化背景，有各国留学生和加拿大本地学生，他们聪明，渴望学习，积极参与并希望获得有益的高中学习经验。</div>
                                        <div class="t3">查看详情</div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section class="section page5" style="background: url('Uploads/index/honorbg.jpg') center center no-repeat;">
            <div class="section-page5">
                <div class="title">
                    <div class="t1">我们的实力</div>
                    <div class="t2">OUR STRENGTH</div>
                </div>
                <div class="page5-box">
                    <div class="boxs">
                        <div class="num"><span>10</span>+</div>
                        <div class="t1">季节性活动安排</div>
                        <div class="t2">我们一年有超过10次以上的季节性活动安排</div>
                    </div>
                    <div class="boxs">
                        <div class="num"><span>96</span>%</div>
                        <div class="t1">96%的大学录取率</div>
                        <div class="t2">随时设身处地地为学生着想，拥有良好的口碑，赢得众多学生和家长的信赖</div>
                    </div>
                    <div class="boxs">
                        <div class="num"><span>30</span>+</div>
                        <div class="t1">30多个学分课程</div>
                        <div class="t2">拥有30多个学分课程，满足大多数学生的需求</div>
                    </div>
                    <div class="boxs">
                        <div class="num"><span>2004</span>年</div>
                        <div class="t1">始于2004年</div>
                        <div class="t2">多伦多高中教育，始于2004年，位于多伦多黄金地段</div>
                    </div>
                    <div class="boxs">
                        <div class="num"><span>15</span>≤</div>
                        <div class="t1">小班授课</div>
                        <div class="t2">我们学校每班争取低于15个人，让每个人都能享受到教学服务</div>
                    </div>             
                </div>
            </div>
        </section>

        <section class="section page7">
            <div class="section-page7" style="background: url('Uploads/index/linaxibg.jpg') center center no-repeat;">
                <div class="page7-box1">
                    <div class="box1">
                        <div class="top">
                            <div class="t1">联系我们</div>
                            <div class="t2">contact us</div>
                            <div class="t3"></div>
                        </div>
                        <div class="list">
                            <ul>
                                <li><img src="Public/Home/images/icon61.png"> https://oxfordcollege.ca/</li>
                                <li><img src="Public/Home/images/icon62.png"> 416.488.5035</li>
                                <li><img src="Public/Home/images/icon63.png"> info@oxfordcollege.ca </li>
                                <li><img src="Public/Home/images/icon65.png">108 -155 Consumers Road, North York, ON M2J 0A3 Canada</li>
                            </ul>
                        </div>
                    </div>
                    <div class="box2">
                        <div class="top">
                            <div class="t1">社交分享</div>
                            <div class="t2">Social sharing</div>
                            <div class="t3"></div>
                        </div>
                        <div class="ewm">
                            <div class="t1">
                                <img src="Uploads/index/weixin.jpg">
                                <span>扫码了解我们</span>
                            </div><div class="t1">
                                <img src="Uploads/index/xinlang.jpg">
                                <span>关注OCC</span>
                            </div>
                        </div>
                    </div>
                    <div class="box3">
                        <div class="top">
                            <div class="t1">快捷链接</div>
                            <div class="t2">Quick link</div>
                            <div class="t3"></div>
                        </div>
                        <div class="list">
                            <a href="about.html">关于我们</a>
                            <a href="programsc.html">课程项目</a>
                            <a href="admissionsc.html">入学申请</a>
                            <a href="services.html">学生服务</a>
                            <a href="ieltsc.html">语言中心</a>
                            <a href="studentlifec.html">学生生活</a>
                            <a href="contact.html">联系我们</a>
                            <a href="https://www.internationalyouthprogram.com/">营地项目</a>
                        </div>
                    </div>
                </div>
                <div class="page7-box2">
                    <div class="boxs">
                        <span>Copyright ©2019 - 2025 加拿大牛津高中 <a href="http://beian.miit.gov.cn/" target="_blank">豫ICP备17113037号-1</a></span>
                        <span>2012-0005© 2019-2025 oxfordcollege.ca 版权所有</span>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <script src="Public/Common/layer.js"></script>
	<script type="text/javascript">
        $(function () {
            $('#dowebok').fullpage({
                anchors: ['page1', 'page2', 'page4', 'page5', 'page7'],
                // 'scrollOverflow': true,
                menu: "#menu",
                afterLoad: function (anchorLink, index) {
                    if (index == 2) {
                        $('.section-page2 .box').addClass('fadeInUp animated ');
                    }
                    if (index == 3) {
                        $('.section-page4 .page4-box .box1').addClass('fadeInUp animated ');
                        $('.section-page4 .page4-box .box2').addClass('fadeInUp animated ');
                    }
                    if (index == 4) {
                        $('.section-page5 .page5-box .boxs .num span').countUp();
                    }
                    if (index == 5) {
                        $('.section-page7 .page7-box1 .box1').addClass('fadeInUp animated ');
                        $('.section-page7 .page7-box1 .box2').addClass('fadeInUp animated ');
                        $('.section-page7 .page7-box1 .box3').addClass('fadeInUp animated ');
                    }
                },
            });
        })
        $(function () {
            if ($('body').width() <= 990) {
                $('#dowebok').addClass("fade-In").removeAttr('id');
                $.fn.fullpage.destroy('all');
                $('.section-page2 .box').addClass('wow fadeInUp animated ');
                $('.section-page4 .page4-box .box1').addClass('wow fadeInUp animated ');
                $('.section-page4 .page4-box .box2').addClass('wow fadeInUp animated ');
                $('.section-page5 .page5-box .boxs .num span').countUp();
                $('.section-page7 .page7-box1 .box1').addClass('wow fadeInUp animated ');
                $('.section-page7 .page7-box1 .box2').addClass('wow fadeInUp animated ');
                $('.section-page7 .page7-box1 .box3').addClass('wow fadeInUp animated ');

                new WOW().init();
            };
            $(window).resize(function(){
                if ($('body').width() <= 998) {
                    $('#dowebok').addClass("fade-In").removeAttr('id');
                    $.fn.fullpage.destroy('all');
                };
            })
        });

        $('.mask').click(function() {
            var url = $(this).data('url');
            play_video(url);
        });

        $(".head-lang").hover(
            function () {
                $(this).children(".drop-down").slideDown();
            },
            function () {
                $(this).children(".drop-down").hide();
            }
        );

        function play_video(url) {
            var web_type = check_web();
            if (web_type) {
                var video_hight = $(window).height();
                var loadstr = '<video width="100%" controls loop autoplay><source src="'+url+'" type="video/mp4"></video>';
                layer.open({
                    type:1,
                    title: '视频',
                    area: ['750px','68%'],
                    shade: 0.3,
                    closeBtn: 1,
                    content: loadstr,
                });
            } else {
                var video_hight = $(window).height();
                var loadstr = '<video width="100%" controls loop autoplay><source src="'+url+'" type="video/mp4"></video>';
                layer.open({
                    type:1,
                    title: '视频',
                    area: ['100%','50%'],
                    shade: 0.3,
                    closeBtn: 1,
                    content: loadstr,
                });
            }
        }

        //返回true表示为pc端打开，返回false表示为手机端打开
        function check_web() {
            var userAgentInfo=navigator.userAgent;
            var Agents =new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod");
            var flag=true;
            for(var v=0;v<Agents.length;v++) {
                if(userAgentInfo.indexOf(Agents[v])>0) {
                    flag=false;
                    break;
                }
            }
            return flag;
        }
    </script>

</body>
</html>